import React from 'react';

// App 函数就是内部返回 JSX 结构


// 函数的好处
//   1. 函数有自己的局部作用域
//   2. 函数在调用的时候可以传参
//   3. 函数还有返回值，可返回加工过的 JSX

const fn = (msg)=>{
  msg = msg.split('').reverse().join('');
  console.log(msg);
  return <h1>{msg}</h1>;
}


function App() {
  const msg = '你好白'; 
  return (
    <div className="App">
      {msg}
      {/* 在函数调用的时候传递参数 */}
      {fn(msg)}
    </div>
  );
}
export default App;
